<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>note-code</title>
	<link rel="stylesheet" href="./assets/iconfont/iconfont.css">
	<link rel="stylesheet" href="./styles/reset.css">
	<link rel="stylesheet" href="./styles/grid.css">
	<link rel="stylesheet" href="./styles/index.css">
</head>

<body>
	<!-- 类似效果查看：https://www.ghostchina.com/ -->
	<div class="container">
		<header>
			<div class="row">
				<div class="col-sm-12">
					<a href="#">
						<img src="./assets/img/ghost-logo.png" alt="">
					</a>
				</div>
			</div>
		</header>
		<nav>
			<div class="row">
				<div class="col-sm-12 flex">
					<label class="nav-toggle" for="nav-toggle">
						<i class="iconfont icon-zhedie"></i>
					</label>
					<input id="nav-toggle" type="checkbox">
					<ul>
						<li class="active"><a href="#home">首页</a></li>
						<li><a href="#shouce">快捷手册</a></li>
						<li><a href="#shouce">快捷手册</a></li>
						<li><a href="#shouce">快捷手册</a></li>
						<li><a href="#about">关于</a></li>
					</ul>
				</div>
			</div>
		</nav>
		<section>
			<div class="content-wrap">
				<div class="row">
					<div class="col-lg-8">
						<main>
							<article>
								<div class="post-header">
									<h2 class="post-title">全新的 Ghost 文档上线</h2>
									<div class="post-meta">
										<span class="post-author">作者：<a href="">王赛</a></span>
										•
										<time datetime="2018年11月20日">2018年11月20日</time>
									</div>
								</div>
								<div class="post-content">
									我们的整个 Ghost 文档 已经全新改版了！并且添加了一些新的补充，包括使用教程和功能集成。 新文档的目标是帮助更多人有效地安装并管理他们发布的内容，并且最大限度地发挥 Ghost
									作为一个开源发布平台的灵活性。文档的设计和结构已经修订完毕，我们的改进包括 Ghost 安装和
								</div>
								<div class="post-link">
									<a class="btn primary-btn">阅读更多</a>
								</div>
								<footer class="post-footer">
									<i class="iconfont icon-wenjianjia"></i>
									<a class="link" href="#Android">Android</a>，
									<a class="link" href="#客户端">客户端</a>
								</footer>
							</article>
							<article>
								<div class="post-header">
									<h2 class="post-title">全新的 Ghost 文档上线</h2>
									<div class="post-meta">
										<span class="post-author">作者：<a href="">王赛</a></span>
										•
										<time datetime="2018年11月20日">2018年11月20日</time>
									</div>
								</div>
								<div class="post-content">
									我们的整个 Ghost 文档 已经全新改版了！并且添加了一些新的补充，包括使用教程和功能集成。 新文档的目标是帮助更多人有效地安装并管理他们发布的内容，并且最大限度地发挥 Ghost
									作为一个开源发布平台的灵活性。文档的设计和结构已经修订完毕，我们的改进包括 Ghost 安装和
								</div>
								<div class="post-link">
									<a class="btn primary-btn">阅读更多</a>
								</div>
								<footer class="post-footer">
									<i class="iconfont icon-wenjianjia"></i>
									<a class="link" href="#Android">Android</a>，
									<a class="link" href="#客户端">客户端</a>
								</footer>
							</article>
							<article>
								<div class="post-header">
									<h2 class="post-title">全新的 Ghost 文档上线</h2>
									<div class="post-meta">
										<span class="post-author">作者：<a href="">王赛</a></span>
										•
										<time datetime="2018年11月20日">2018年11月20日</time>
									</div>
								</div>
								<div class="post-content">
									我们的整个 Ghost 文档 已经全新改版了！并且添加了一些新的补充，包括使用教程和功能集成。 新文档的目标是帮助更多人有效地安装并管理他们发布的内容，并且最大限度地发挥 Ghost
									作为一个开源发布平台的灵活性。文档的设计和结构已经修订完毕，我们的改进包括 Ghost 安装和
								</div>
								<div class="post-link">
									<a class="btn primary-btn">阅读更多</a>
								</div>
								<footer class="post-footer">
									<i class="iconfont icon-wenjianjia"></i>
									<a class="link" href="#Android">Android</a>，
									<a class="link" href="#客户端">客户端</a>
								</footer>
							</article>
						</main>
					</div>
					<div class="col-lg-4">
						<aside>
							<section class="widget">
								<h4 class="title">声明</h4>
								<div class="content">Ghost 中文版不再继续维护，请去官方下载。</div>
							</section>
							<section class="widget">
								<h4 class="title">下载 Ghost</h4>
								<div class="content download">
									<a class="btn primary-btn" href="#Ghost 最新版">Ghost 最新版</a>
								</div>
							</section>
							<section class="widget">
								<h4 class="title">标签云</h4>
								<div class="content tag-cloud">
									<a class="btn" href="#客户端">客户端</a>
									<a class="btn" href="#Android">Android</a>
									<a class="btn" href="#jQuery">jQuery</a>
									<a class="btn" href="#Ghost 0.7 版本">Ghost 0.7 版本</a>
									<a class="btn" href="#开源">开源</a>
									<a class="btn" href="#助手函数">助手函数</a>
									<a class="btn" href="#标签云">标签云</a>
									<a class="btn" href="#导航">导航</a>
									<a class="btn" href="#自定义页面">自定义页面</a>
									<a class="btn" href="#静态页面">静态页面</a>
									<a class="btn" href="#Roon.io">Roon.io</a>
									<a class="btn" href="#配置文件">配置文件</a>
									<a class="btn" href="#又拍云存储">又拍云存储</a>
									<a class="btn" href="#上传">上传</a>
									<a class="btn" href="#Handlebars">Handlebars</a>
									<a class="btn" href="#邮件">邮件</a>
									<a class="btn" href="#快捷键">快捷键</a>
									<a class="btn" href="#用户指南">用户指南</a>
									<a class="btn" href="#...">...</a>
								</div>
							</section>
						</aside>
					</div>
				</div>
			</div>
		</section>
		<footer class="footer">
			<div class="content-wrap">
				<div class="row">
					<div class="col-md-4">
						<section class="widget dark">
							<h4 class="title">友链</h4>
							<div class="content tag-cloud">
								<a class="btn no-border" href="#客户端">客户端</a>
								<a class="btn no-border" href="#Android">Android</a>
								<a class="btn no-border" href="#jQuery">jQuery</a>
								<a class="btn no-border" href="#Ghost 0.7 版本">Ghost 0.7 版本</a>
								<a class="btn no-border" href="#开源">开源</a>
								<a class="btn no-border" href="#助手函数">助手函数</a>
								<a class="btn no-border" href="#标签云">标签云</a>
								<a class="btn no-border" href="#导航">导航</a>
								<a class="btn no-border" href="#自定义页面">自定义页面</a>
								<a class="btn no-border" href="#静态页面">静态页面</a>
								<a class="btn no-border" href="#Roon.io">Roon.io</a>
								<a class="btn no-border" href="#配置文件">配置文件</a>
								<a class="btn no-border" href="#又拍云存储">又拍云存储</a>
								<a class="btn no-border" href="#上传">上传</a>
								<a class="btn no-border" href="#Handlebars">Handlebars</a>
								<a class="btn no-border" href="#邮件">邮件</a>
								<a class="btn no-border" href="#快捷键">快捷键</a>
								<a class="btn no-border" href="#用户指南">用户指南</a>
								<a class="btn no-border" href="#...">...</a>
							</div>
						</section>
					</div>
					<div class="col-md-4">
						<section class="widget dark">
							<h4 class="title">标签云</h4>
							<div class="content tag-cloud">
								<a class="btn dark" href="#客户端">客户端</a>
								<a class="btn dark" href="#Android">Android</a>
								<a class="btn dark" href="#jQuery">jQuery</a>
								<a class="btn dark" href="#Ghost 0.7 版本">Ghost 0.7 版本</a>
								<a class="btn dark" href="#开源">开源</a>
								<a class="btn dark" href="#助手函数">助手函数</a>
								<a class="btn dark" href="#标签云">标签云</a>
								<a class="btn dark" href="#导航">导航</a>
								<a class="btn dark" href="#自定义页面">自定义页面</a>
								<a class="btn dark" href="#静态页面">静态页面</a>
								<a class="btn dark" href="#Roon.io">Roon.io</a>
								<a class="btn dark" href="#配置文件">配置文件</a>
								<a class="btn dark" href="#又拍云存储">又拍云存储</a>
								<a class="btn dark" href="#上传">上传</a>
								<a class="btn dark" href="#Handlebars">Handlebars</a>
								<a class="btn dark" href="#邮件">邮件</a>
								<a class="btn dark" href="#快捷键">快捷键</a>
								<a class="btn dark" href="#用户指南">用户指南</a>
								<a class="btn dark" href="#...">...</a>
							</div>
						</section>
					</div>
					<div class="col-md-4">
						<section class="widget dark">
							<h4 class="title">合作伙伴</h4>
							<div class="content tag-cloud">
								<a class="btn no-border" href="#客户端">客户端</a>
								<a class="btn no-border" href="#Android">Android</a>
								<a class="btn no-border" href="#jQuery">jQuery</a>
							</div>
						</section>
					</div>
				</div>
			</div>
		</footer>
		<div class="copyright">
			<div class="content-wrap" style="margin-top:0;margin-bottom: 0;">
				<div class="row">
					<div class="col-sm-12">
						<span>Copyright ©</span>
						<a class="btn no-border underline" href="https://www.ghostchina.com/">
							Ghost中文网
						</a> | <a class="btn no-border underline" href="#京ICP备11008151号-11">
							京ICP备11008151号-11
						</a> | 京公网安备11010802014853
					</div>
				</div>
			</div>
		</div>
	</div>
</body>

</html>